<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Liste des films</title>
	<link rel="stylesheet" type="text/css" href="Script/style.css" />
	<link rel="stylesheet" type="text/css" href="Script/formulaire-css3.css" media="screen" title="bbxcss" />
	<script type="text/javascript" src="Script/jquery-1.6.1.min.js"></script>
	<script type="text/javascript" src="Script/jquery-latest.js"></script>
	<script type="text/javascript" src="Script/jquery.tablesorter.js"></script>
	<script type="text/javascript">
		$(document).ready(function() 
	    { 
	        $("#table").tablesorter(); 
	    } 
	); 
	</script>
</head>

<body>
	<form>
		<fieldset>
			<p align="center"><u><b>LISTE DES FILMS</b></u></p>
		</fieldset>
	</form>
	<!-- 
		Utiliser le composant JSF DataTable pour afficher le nom, le synopsis, le genre, la langue, la date et la durée des films contenus dans la table
		On récupère les films avec la fonction allMovies() de la classe MovieManagedBean
	 -->
	<h:dataTable id="table" styleClass="tablesorter" value="#{movieManagedBean.allMovies()}" var="film">
		<h:column>
			<f:facet name="header">Nom</f:facet>
			<!-- Affiche le nom du film en sortie -->
		    <h:outputText value="#{film.nom}" />
		</h:column>
		<h:column>
		    <f:facet name="header">Synopsis</f:facet>
		    <!-- Affiche le synopsis du film en sortie -->
		    <h:outputText value="#{film.synopsis}" />
		</h:column>
		<h:column>
		    <f:facet name="header">Genre</f:facet>
		    <!-- Affiche le genre du film en sortie -->
		    <h:outputText value="#{film.genre}" />
		</h:column>
		<h:column>
		    <f:facet name="header">Langue</f:facet>
		    <!-- Affiche la langue du film en sortie -->
		    <h:outputText value="#{film.langue}" />
		</h:column>
		<h:column>
		    <f:facet name="header">Date</f:facet>
		    <!-- Affiche la date du film en sortie -->
		    <h:outputText value="#{film.dateSortie}" />
		</h:column>
		<h:column>
			<f:facet name="header">Duree</f:facet>
			<!--Affiche la durée du film en sortie -->
		    <h:outputText value="#{film.duree}" />
		</h:column>
	</h:dataTable>
</body>
</html>